
.tree {
  width: 100%;
  height: 100%;
}

.tree_body {
  width: 100%;
}

.search-input {
  margin: 0 0 10px 0;
}

:deep(.ep-tree-node__content) {
  height: 40px !important;
}

.tree-span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.custom-tree-node {
  width: 50%;
  flex: 1;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 8px;
}

.edit-span {
  float: right;
  z-index: 1000;
}

.tree-icon {
  width: 100%;
  height: 100%;
}

.tree-icon-body {
  transform: rotate(90deg);
  font-size: 14px;
  margin-top: 5px;
  float: right;
}

:deep(.ep-popover__title) {
  display: none !important;
}

:deep(.ep-dialog__header) {
  border-bottom: 1px solid #80808021;
}

:deep(.ep-dialog__body) {
  padding: 0;
  border-bottom: 1px solid #80808021;
}

.ep-dialog:not(.is-fullscreen) {
  margin: auto !important;
}

:deep(.ep-dialog.is-align-center) {
  margin: auto !important;
}

.tree-ul {
  list-style-type: none;
  padding: 5px 0;
  margin: -12px;
}

.tree-ul-li {
  margin: 0;
  padding: 7px 16px;
  font-size: 14px;
  cursor: pointer;
  color: var(--ep-color-primary);
}

.tree-ul-li:hover {
  background: #eee;
}

:deep(.is-current) {
  color: var(--ep-color-primary);
}

:deep(.is-current .ep-tree-node__children) {
  color: #606266;
}

:deep(.ep-scrollbar__wrap) {
  overflow: auto;
  height: 93%;
}